
#app{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(126, 169, 250);
    height: 100vh;
    display: flex;
    margin: 0 auto;
    .kongbai{
        .zhuye{ 
            background-color: white;
            margin-top: 10vh;
            margin-left: 50px;
            margin-right: 50px;
            height: 300px;
            width: 170px;
            border-radius: 10px;
            img{
                margin-top: 10%;
                margin-left: 45px;
                height: 80px;
                width: 80px;
                border-radius: 100px;
            }
            .xingxi{
                .zi{
                    margin-top: 10px;
                    font-size: 20px;
                }
            }
            .zhanshi:hover{
                margin-top: -7vh ;
                width: 170px;
                background-color: rgb(0, 191, 255) ;
                border-radius: 0 0  10px 10px;
                height: auto;
                transition: all 1s linear;
                cursor: pointer;
            }

            .zhanshi{
                width: 170px;
                height: 25px;
                overflow: hidden;
                border-radius: 0 0  10px 10px;
                font-size: 20px;
                margin-top: -16vh;
                background-color: rgb(110, 91, 91);
                text-align: center;
                margin-top: 30px;
                position: relative;
            }
        }
    } 
}



